<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 标题旁边小图标 -->
	<link rel="shorcut icon" href="./eye.ico" />
    <!-- 引入字体图标 -->
     <link rel="stylesheet" href="./font/bootstrap-icons.css">
     <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- Bootstrap样式 -->
    <link rel="stylesheet" href="./BootStrap/css/bootstrap.min.css">
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入公共样式文件 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 主页自定义样式 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入计算样式 -->
        <link rel="stylesheet" href="./less/sclc.css">
    <title>Document</title>
</head>
<body>
    <div class="container-fluid page">
        <!-- 导航栏 -->
        <nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#">
                <div class="trademark">
                    <img src="./image/eyes.png" alt="">
                </div>
                <div class="tradeName">
                    <i>光子中医</i>
                </div>
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="./module/VisualAcuityTestingModule/VisualAcuityTestingModule.html">视力筛查系统</a>
                        <dl class="li_1"></dl>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Skills</a>
                        <dl class="li_2 bg">
                            <dd>
                                <a href="#">Polular</a>
                            </dd>
                            <dd>
                                <a href="#">Optometry</a>
                            </dd>
                            <dd>
                                <a href="#">Myopia</a>
                            </dd>
                            <dd>
                                <a href="#">Effect</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Project</a>
                        <dl class="li_3 bg">
                            <dd>
                                <a href="#">Xanthophyll</a>
                            </dd>
                            <dd>
                                <a href="#">Eyes Mask</a>
                            </dd>
                            <dd>
                                <a href="#">Eyes Patch</a>
                            </dd>
                            <dd>
                                <a href="#">Ointment</a>
                            </dd>
                            <dd>
                                <a href="#">Hot Pressing</a>
                            </dd>
                            <dd>
                                <a href="#">Vision</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Experience</a>
                        <dl class="li_4"></dl>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Testimonials</a>
                        <dl class="li_5"></dl>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Contact</a>
                        <dl class="li_6 bg">
                            <dd>
                                <a href="#">Understand</a>
                            </dd>
                            <dd>
                                <a href="#">Brand Introduction</a>
                            </dd>
                            <dd>
                                <a href="#">Qualifications</a>
                            </dd>
                            <dd>
                                <a href="#">Contact Us</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        </nav>

        <!-- 轮播图区域 -->
        <div id="carouselExampleIndicators" class="carousel slide">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5" aria-label="Slide 6"></button>
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="./image/Carousel/J1.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="./image/Carousel/J2.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="./image/Carousel/J3.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="./image/Carousel/J4.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="./image/Carousel/J5.png" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="./image/Carousel/J6.png" class="d-block w-100" alt="...">
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>

        <!-- 企业荣誉 -->
        <div class="container-fluid">
            <div class="Corporate_Honor">
                <div class="ch_content row">
                    <dl class="col-xl-3 col-lg-6 col-sm-12">
                        <dd class="ch_introduction">中医诊断光学技术研究</dd>
                        <dd class="ch_tips">利用光子学技术对中医的望、闻、问、切
                            等诊断方法进行现代化改造，使之更加客观化和标准化
                        </dd>
                    </dl>
                    <dl class="col-xl-3 col-lg-6 col-sm-12">
                        <dd class="ch_introduction">光生物学技术在中医药学应用</dd>
                        <dd class="ch_tips tp2">结合光生物学技术，开发新的中医药治疗方法和技术</dd>
                    </dl>
                    <dl class="col-xl-3 col-lg-6 col-sm-12">
                        <dd class="ch_introduction">中医针灸经络光学技术研究</dd>
                        <dd class="ch_tips tp3">探索光子技术在针灸和经络学中的应用，如激光针灸等    </dd>
                    </dl>
                    <dl class="col-xl-3 col-lg-6 col-sm-12">
                        <dd class="ch_introduction">中药分子光谱学研究</dd>
                        <dd class="ch_tips">通过光谱学方法分析中药有效成分，进行药物鉴别、提取和筛选，
                            以及研究不同中草药有效成分的相互作用</dd>
                    </dl>
                </div>
            </div>
        </div>

        <!-- 产品介绍 -->
        <div class="product container">
            <div class="pd_title">
                <h2>
                    <span>Product-introduction</span>
                    <span>/</span>
                    产品介绍
                </h2>
                <p>广东食品药品职业学院</p>
            </div>
            <div class="pd_content">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <a href="#">软件学院</a>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <a href="#">医疗器械</a>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <a href="#">管理学院</a>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <a href="#">中药学院</a>
                    </div>
                </div>
                <div class="more-product">
                    <a class="btn-product" href="#" target="">
                        更多产品
                    </a>
                </div>
            </div>
        </div>

        <!-- 底部收尾 -->
        <footer class="finish">
            <div class="container-fluid">
                <!-- 底头 -->
                <div class="bt_top">
                    <ul class="row">
                        <li class="col-lg-3 col-6">
                            <dl>
                                <dt>光子中医</dt>
                                <dd><a href="#">近视防控</a></dd>
                                <dd><a href="#">精致舒缓疲劳</a></dd>
                                <dd><a href="#">弱视训练</a></dd>
                            </dl>
                        </li>
                        <li class="col-lg-3 col-6">
                            <dl class="pj_dl">
                                <dt class="pj_ct">产品中心</dt>
                                <dd class="project">
                                    <p class="pl">
                                        <a href="#">He-Ne激光器</a>
                                        <a href="#">CO2激光器</a>
                                        <a href="#">YAG激光器</a>
                                        <a href="#">半导体激光器</a>
                                    </p>
                                    <p class="pr">
                                        <a href="#">多束仿针灸</a>
                                        <a href="#">激光针灸</a>
                                        <a href="#">激光血疗</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li class="col-lg-3 col-6">
                            <dl>
                                <dt>关于我们</dt>
                                <dd><a href="#">了解光子医学</a></dd>
                                <dd><a href="#">资质荣誉</a></dd>
                                <dd><a href="#">联系我们</a></dd>
                            </dl>
                        </li>
                        <li class="col-lg-3 col-6">
                            <dl class="ct_dl">
                                <dt class="contact">
                                    <img src="./image/wx.jpg" alt="">
                                </dt>
                                <dd>关注我们</dd>
                                <dd>服务热线：020-28854365</dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <!-- 底中 -->
                <div class="bt_middle">
                    <p class="row">
                        中医药与光子技术实验室的基本目的是在中医理论的指导下，
                        将光子学技术与中医学进行有机的结合，并将光子学技术应用于
                        中医学，应用光子学的理论和技术对中医学诊断、治疗、预防、
                        康复、保健等方面的方法和效应进行定性、定量或半定量研究，
                        以揭示光子运动规律的中医属性。
                    </p>
                </div>
                <!-- 底尾 -->
                <div class="bt_bottom">
                    <ul>
                        <li>中医药与光子技术实验室，属国家中医药管理局中医药科研实验室</li>
                        <li>国家中医药科研三级实验室是高级别</li>
                        <li>(登记编号：TCM-2009-296，国中医药函〔2009〕109号）</li>
                    </ul>
                </div> 
            </div>
            
        </footer>

        <!-- 侧边导航栏 -->
        <aside class="elevator">
            <ul class="elevator_list">
                <li><a href="javascript:;" data-name="product" class="chanpin"><i data-name="product" class="iconfont icon-chanpin"></i>产品</a></li>
                <li><a href="javascript:;" data-name="fazhan" class="fazhan"><i data-name="fazhan" class="iconfont icon-fazhanlicheng"></i>发展</a></li>
                <li><a href="javascript:;" data-name="finish" class="zixun"><i data-name="finish" class="iconfont icon-zixun"></i>咨询</a></li>
                <li><a href="javascript:;" id="backTop"><i class="iconfont icon-xiangshangjiantou"></i>顶部</a></li>
            </ul>
        </aside>
    </div>
    
    <script src="./BootStrap/js/bootstrap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>